<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'>
<head>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='xxxxx' name='yandex-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Lina' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='View Responsive Grid Blogger Template' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

<!-- [ External CSS ] -->
<link href='https://www.blogger.com/static/v1/widgets/2674880080-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[
/*
Template Info
Name             : View Responsive Grid Blogger Template
Theme Published  : 25 April 2015  
Type             : Personal Blog
Style            : Minimalist
Theme Color      : Black and White
Designer         : Arlina Design
Designer url     : arlinadesign.blogspot.com
Thanks to        : All supported
License          : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the &#39;attribution&#39; clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
*/

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}

/* Layout Style */
#navbar,.date-header,.feed-links,.post-icons,.post-location,.status-msg-wrap,body#layout .header_right,body#layout .socials{display:none!important}body#layout #header-wrapper{min-height:0;width:40%;margin-top:47px}
body#layout div.topimg{float:left;width:100%}body#layout .Blog .widget-content{height:16em;width:60%;float:left}
body#layout #sidebar-wrapper{overflow:visible;float:right;width:37%}
body#layout .bt-slider{width:66%;float:left}
body#layout #footer div.column{width:33.3%;float:left}
body#layout #footer .column .widget{margin-bottom:15px;overflow:hidden}
body#layout header#blog_header{height:auto!important;}
body#layout #blog_header,body#layout .border-push {display:none;}
body#layout #footer-wrapper {width:100%;padding:0;}

/* Blog List */
dl,ol,ul{margin:.5em 0 .5em 3em}ol{list-style:decimal outside}ul{list-style:disc outside}li{margin:.5em 0}dt{font-weight:700}dd{margin:0 0 .5em 2em}h2{font-size:27px;margin-top:15px;line-height:34px}img{max-width:100%;height:auto}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{}
html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
.section,.widget,.widget li,.widget ul,.widget-content,a,body,dd,h1,h2,h3,h4,h5,img,li,p,span,ul{border:none;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}
ol {counter-reset:li;list-style:none;font:15px 'Karla', 'lucida sans';
padding:0;margin:0;margin-bottom:.25em;}
ol ol {margin:0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;
top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}
kbd{display:inline-block;border:1px solid #eee;border-radius:4px;padding:.1em .5em;margin:0 .2em;background-color:#fafafa}
kbd:hover{background-color:#fff;border-color:#ccc;}
.post-body em {font-style:italic;}

/* Blog Heading */
h1,h2,h3,h4,h5,h6{font-weight:400;color:#222;clear:both;font-family:'Patua One', sans-serif;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

/* CSS Post Table */
.post-body table td, .post-body table caption{border:1px solid #eee;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #2e3138;padding:10px;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #eee;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:14px;padding:3px 5px;border:1px solid #eee;}
.post-body td:hover{background:#fafafa;}
.post-body th{background:#41454f;color:#fff;}
.post-body th:hover{opacity:0.9;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#444;font-size:85%;padding:0px 8px 8px !important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:85%}
.widget ul,.widget .post-body ul {padding:0;}
]]></b:skin>

<style type='text/css'>
/* Fix */
.inner{width:100%;float:none;padding-right:0}
#sidebar-wrapper,.feed-links{display:none}
.post_meta .entry-category{padding-right:230px}
.entry-category a{margin:0 5px 5px 0;font-size:13px;display:inline-block;padding:1px 5px;font-weight:700;text-transform:uppercase;background:#1ca0e1;color:#fff}
.entry-category a:hover{background:#323136;color:#fff}
.author-date{font-size:15px;text-transform:capitalize}
.author-date &gt; span:nth-child(2):before{margin:0 5px;content:&#39;\2013&#39;}
.author-date .nickname{color:#c9a96e}
.comments-views{font-size:15px;font-weight:700;text-transform:capitalize}
.alignleft{display:inline;float:left;margin-right:26px}
.alignright{display:inline;float:right;margin-left:26px}
.FollowByEmail{padding:30px 18px;background:#2b3338;border:1px solid #eee}
.main-top .title{display:none}
.main-top{margin:0 auto;height:90px;max-width:970px;text-align:center}
#navbar-iframe,#BlogArchive1_ArchiveList ul li:before,#ContactForm1,#ContactForm1 br {display:none!important;}

/* Clear Style */
.container:after{content:&#39;\0020&#39;;display:block;height:0;clear:both;visibility:hidden}.clearfix:after,.clearfix:before,.row:after,.row:before{content:&#39;\0020&#39;;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clearfix,.row{}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.cf:before,.cf:after {content: &quot; &quot;;display:table;}.cf:after {clear:both;}

/* Main Style */
*, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.container{margin-right:auto;margin-left:auto;}
select {line-height:1em;padding:1em;width:200px;}
textarea {min-height:60px;}
label {display:block;margin-bottom:10px;}
input[type=&quot;checkbox&quot;] {display:inline;}
.postme-item, #comments {background-color:#fff;}
[class*=&#39;col-&#39;] {float:left;padding-right:20px;}
body{background-color:#fff;font-family:&#39;Karla&#39;, sans-serif;font-weight:400;font-style:normal;color:#222;}
nav.menu a{font-family:&#39;Karla&#39;, sans-serif;font-weight:400;font-style:normal;color:#fff;}
a{color:#222;transition:all 0.3s;}
a:hover{color:#c9a96e;}
.animation {visibility:hidden;animation-duration: 1s;animation-fill-mode:both;}
.status-msg-body{position:relative!important}
.CSS_LIGHTBOX{z-index:9999!important}
blockquote cite{padding-top:15px;display:block;text-align:right;font-size:14px;line-height:24px;font-weight:400}
#sb-site{background-color:transparent;}
.goog-inline-block{margin-top:0px!important;}
input,textarea{color:#989898;letter-spacing:.02em;display:block;padding:0 18px;margin:0;width:100%;height:50px;border:1px solid #e5e5e5;border-radius:2px;font-size:100%;outline:0;line-height:inherit;vertical-align:bottom}
.input-group.input-group-plain input{border:0}
button,input[type=button]{width:auto;overflow:visible;}
.table{display:table;margin:0 auto}
img {vertical-align:middle;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{position:relative;font-family:&quot;Georgia&quot;;font-size:16px;line-height:24px;margin:15px 0px;border-left:3px solid #c69f73;font-weight:400;padding:0 18px;font-style:italic;color:#999;}

/* Blog Top Menu */
.top-menu{margin:0 auto;height:40px;overflow:hidden;padding:0 28px;background:#212026;}
.navigate-top {line-height:40px;}
nav.navigate-top ul {padding:0;margin:0;}
.navigate-top ul li {list-style:none;display:inline-block;padding:0;position:relative;}
.navigate-top ul li a {color:#fff;display:block;line-height:1;font-size:12px;padding:11px 7px 10px;text-transform:uppercase;letter-spacing:1px;transition:all .5s;}
.top-social {float:right;vertical-align:middle;}
.top-social a i {vertical-align:middle;display:table-cell;color:#fff;transition:all .5s;line-height:19px;}
.navigate-top ul li a:hover,.top-social a i:hover,.top-social a:hover i{color:#ffa500;}

/* Header Main Menu */
#header-wrapper {background:#222;padding-top:20px;position:relative;z-index:100;}
.Header h1,.Header h2 {margin:0;float:left;color:#c9a96e;font-size:170%;}
.descriptionwrapper {visibility:hidden;width:0;height:0;}

/* Main Menu */
.mainmenu-nav{display:block;margin:0 auto;width:100%;padding:0;position:relative}
.mainmenu-nav li{padding:0;margin:0;float:left;display:inline-block;box-shadow:inset 0 3px transparent;transition:all .3s;}
.mainmenu-nav li a{display:block;padding:20px;color:#0e0e0e;font-size:1em;font-weight:700;font-family:&#39;Karla&#39;,sans-serif;transform:translateY(0);transition:all 150ms ease-in-out}
.mainmenu-nav li a.arrow:after{content:&#39;\f107&#39;;font-family:FontAwesome;font-size:.9em;display:inline-block;margin-left:8px}
.mainmenu-nav li a.arrow:hover:after,.mainmenu-nav li li:hover,.mainmenu-nav li:hover{color:#c9a96e}
.mainmenu-nav li:hover &gt; a{color:#0e0e0e}
.mainmenu-nav li:hover &gt; .arrow:after{color:#c9a96e}
.mainmenu-nav li a:hover{color:#c9a96e}
.submenu-link li a{margin-left:0}
.mainmenu-nav li ul{visibility:hidden;opacity:0;position:absolute;padding:0;margin:0;height:auto;z-index:2;box-shadow:0 6px 12px rgba(0,0,0,.1);transform:translateY(20px);transition:transform .3s,opacity .2s;}
.mainmenu-nav li:hover ul{visibility:visible;opacity:1;transform:translateY(5px);}
.mainmenu-nav li li{background-color:#fff;display:block;float:none;box-shadow:none}
.mainmenu-nav li li a{padding:14px 70px 14px 20px;font-size:.8em;color:#0e0e0e}
.featimg,.image-holder{position:relative;overflow:hidden;line-height:0}
.featimg img,.image-holder img{width:100%;height:auto}

/* Main Menu Search */
#top-search a {display:block;padding:20px;color:#0e0e0e;font-size:0.9em;font-weight:bold;font-family:&#39;Karla&#39;, sans-serif;transform:translateY(0px);transition:all 0.2s linear;}
#top-search a:hover {color:#c9a96e;}
.show-search {position:absolute;top:120%;right:2%;display:none;z-index:10000;}
.show-search #searchform input#s {width:220px;background:#FFF;box-shadow:0 4px 4px -2px rgba(206,206,206,.1);}
.show-search #searchform input#s:focus {border:1px solid #d5d5d5;}

/* Masonry Style */
.grid{width:100%;max-width:1180px;min-width:755px;margin:0 auto;overflow:hidden}
.grid:after{content:&#39;&#39;;display:table;clear:both}
.grid-pad{padding:0 0 0 20px}
.push-right{float:right}

/* Post Style */
.postme-item{transition:all .3s ease-in-out}
.postme-item h3{margin-top:15px;font-family:&#39;Patua One&#39;,serif;font-size:22px;font-size:24px;text-align:center;line-height:34px;font-weight:700;text-transform:capitalize;display:block;color:#222}
.entry-thumb img{transition:all .5s ease}
.entry-thumb:hover img{transform:scale(1.1)}
.post-title a{color:#222;transition:all .25s linear}
.postme-item h1{font-size:35px;margin-top:15px;text-align:center;margin-bottom:15px}
.postme-item-title a{color:#444;display:block;padding:8px 20px;font-weight:400}
.postme-item-title a:hover{color:#c9a96e}
.large_thumb{position:relative}
.post-body img{max-width:100%;height:auto}
.thumb{display:block;height:auto!important;width:100%!important}
.post_meta{margin-bottom:26px;min-height:35px;position:relative;margin-top:26px;padding-top:26px}
.postme-item-inner{padding:20px;position:relative;min-height:120px}
.postme-item-inner p{color:#666}
.button.normal{background-color:#c9a96e}
.post-footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px}
.post-share-buttons{margin-left:46px;margin-top:20px}
#related-posts{background:#fdfdfd;border:1px solid #eee;margin-bottom:30px;padding:20px}
#related-posts ul{padding:0 10px}
#related-posts ul li{-moz-box-sizing:border-box;float:left;font-weight:700;margin-bottom:20px;padding:0 10px;width:17%}
.pthumb{background-color:#fff;border:1px solid #eee;height:97px;margin:0 0 10px;overflow:hidden;padding:3px;width:129px}
.pthumb img{height:97px;width:129px}
#related-posts ul li:nth-child(4n+4){margin-right:0}
.related-item img{transition:all 1s ease}
.related_title{font-size:14px;margin-top:10px;margin-bottom:5px}
.heading-border{font-size:22px;margin:0 0 20px}
.heading-border span{text-align:center;margin:auto;display:table;padding:0 0 10px 0;border-bottom:2px solid #222;}
i.icon.post-type.icon-picture{font-size:14px;font-size:1.4rem;background:#fb3c2d;color:#fff;padding:10px 12px 6px;vertical-align:middle;border-radius:50%;position:absolute;left:45%;bottom:-20px;z-index:10}
.post-recents{text-align:center;margin:40px auto 45px auto;}
.post-recents span{font:400 30px &#39;Patua One&#39;,sans-serif;line-height:10px;display:inline-block;position:relative;margin:20px 0}
.post-recents span:after,.post-recents span:before{content:&quot;&quot;;position:absolute;height:7px;border-bottom:3px solid #222;top:0;width:100%;overflow:hidden;}
.post-recents span:before{margin-right:15px;right:100%;}
.post-recents span:after{margin-left:15px;left:100%;}

/* Article Post Style */
.post-body p{line-height:1.8;font-size:15px;font-family:&#39;Noto Sans&#39;,sans-serif;font-family:&#39;Karla&#39;,sans-serif;margin-top:17px;word-wrap:break-word}
.post-tag{font-size:13px;text-align:center;}
.post-tag a{padding:0;margin-right:5px;text-transform:capitalize}
.post-tag a:hover{color:#c9a96e}
.author-avatar img{width:70px;height:auto;border-radius:50%;padding:3px;border:1px solid #ddd;float:left;margin:10px 0 0}
.post-title a:hover {color:#c9a96e;}
.post-info{display:block;text-align:center;clear:both;width:100%;text-transform:uppercase;font-size:13px}
.post-info a, .single_post .post-info a {transition:all 0.25s ease-in-out;}
.post-info &gt; span {padding-right:30px;position:relative;}
.post-info &gt; span:last-child {padding-right:0}
.related-posts .post-info {clear:none;float:none;}
.post-info{line-height:12px;padding-top:12px}
.post-info &gt; span{margin-right:0;padding-left:30px;position:relative}
.post-info &gt; span:after{background:rgba(0,0,0,.1);top:4px;right:0}
.post-info &gt; span:last-child{border-right:none;padding-right:0}
.post-info &gt; span:last-child:after{display:none}
.post-info &gt; span:first-child{padding-left:0}
.single_post header{width:100%;margin-bottom:8px}
.breadcrumbs {background:#fff;font-size:100%;height:45px;overflow:hidden;padding:0;}
.breadcrumbs &gt; span {padding:0;}
.breadcrumbs &gt; span:last-child {color:#444;border-right:none;font-family:&#39;Karla&#39;;font-size:14px;font-weight:300;padding:10px;line-height:30px;}
.breadcrumbs a {color:#444;font-family:&#39;Karla&#39;;font-size:14px;
font-weight:normal;line-height:45px;}
.breadcrumbs span a {color:#444;padding:7px;}
.breadcrumbs span:first-child a{color:#444;margin-left:5px;}
.breadcrumbs span a:hover {color:#00a3d9;}
.breadcrumbs a:hover {color:#00a3d9;}

/* Share Button */
.post-sharing{margin:0;position:absolute;right:0;top:26px}
.post-sharing a{width:32px;height:32px;display:inline-block;line-height:32px;color:#fff!important;text-align:center;text-decoration:none!important}
.post-share{float:left;width:100%;padding-right:20px;padding-left:25px;margin:0 auto;text-align:center}
.post-share li,.post-sharing li{margin:0 2px 2px 0;display:inline-block;font-size:12px}
ul.post-sharing:before{content:&#39;Share this&#39;;display:block;margin-bottom:5px;text-align:center}
.post-share li a{position:relative;margin:0 0 0 1px;padding:4px 11px;line-height:2.2;font-weight:400;vertical-align:middle;color:#fff;font-size:13px;text-transform:uppercase;display:inline-block;transition:background-color .3s}
.post-share .fa{padding:0 5px 0 0;top:1px;font-size:14px;position:relative}
.post-share ul{list-style:none}
.post-share ul li{padding-bottom:3px;font-size:12px;font-family:&#39;Karla&#39;,sans-serif;display:inline-block;margin-top:5px;}
.post-footer .post-share li a{color:#fff;}
.post-sharing .facebook-share,a.facebook.df-share{background-color:#3B5998;}
.post-sharing .twitter-share,a.twitter.df-share{background-color:#00ACED;}
.post-sharing .google-share,a.google.df-pluss{background-color:#D14836;}
.post-sharing .pinterest-share,a.pinterest.df-pinterest{background-color:#CB2027;}
.post-share li a:hover{color:#fff;background-color:#212026}

/* Author Box */
.viewauthor-box{display:inline-block;width:100%;background:#fdfdfd;border:1px solid #eee;padding:20px;margin:0 0 20px 0;overflow:hidden}
.viewavatar-inside {float:left;margin:0 20px 0 0;}
.viewavatar-inside img{background:#fff;width:90px;height:auto;padding:5px;box-shadow:0 0 0 1px rgba(0,0,0,.1);}
.viewauthor-description {float:left;width:80%;}
.viewauthor-description h4{font-size:20px;display:block;margin-bottom:10px}
.viewauthor-description h4 a{color:#222}
.viewauthor-description p{font-size:13px;line-height:1.7;margin-bottom:15px}
.authorsocial a{display:inline-block;text-align:center;float:left;margin-right:2px}
.authorsocial a i{width:30px;height:30px;padding:8px 9px;display:block;background:#E9E9E9!important;color:#555}

/* Main Post Style */
#leftContent{margin-top:20px;}
.item{margin:15px;position:relative;transition: .3s all;}
.arlina-item{padding-bottom:30px}
.postme-item{min-height:480px;max-height:480px}
h3.post-title {font-size:20px;}
.home-title a:hover,h3.post-title:hover {color:#222;text-decoration:underline;}
.entry-video iframe,.entry-video object,.thumb{display:block}
.entry-video iframe,.entry-video object{height:245.5px;width:100%}
i.icon.post-type.icon-fontawesome-webfont-6{font-size:14px;font-size:1.4rem;background:#fb3c2d;color:#fff;padding:10px 12px 6px;vertical-align:middle;border-radius:50%;position:absolute;left:45%;bottom:-20px;z-index:10}
.pull-left{text-align:center;padding-top:10px}
a.more{padding:5px 10px;width:auto;transition:all .5s ease-in-out;background:#fb3c2d;color:#fff;border-radius:5px}
a.more:hover{background:#222}
.read-more{display:inline-block;float:left;color:#c9a96e;font-size:12px;padding:15px 0 0;margin-left:1px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}
.read-more a{color:#c9a96e}
.read-more a:hover{text-decoration:underline;}
.no-image{background:#f97e76;height:auto;font-weight:300;font-size:20px;line-height:30px;padding:20px 20px 60px;margin:10px 0;}
.no-image a{color:#fff}
.no-image a:hover {color:#fff;text-decoration:underline;}
.no-image .bt-sept{height:2px;width:10%;margin-top:10px;background:#fff}
.no-image .oi_small_descr{color:#fff;margin-top:20px}
.video-post {margin-bottom:20px;}
.arlina-item-main_item_holder img{width:100%;height:auto}

/* Content Columns */
.col-1-1{width:100%}.col-2-3,.col-8-12{width:66.66%}.col-1-2,.col-6-12{width:50%}.col-1-3,.col-4-12{width:33.33%}.col-1-4,.col-3-12{width:25%}.col-1-5{width:20%}.col-1-6,.col-2-12{width:16.667%}.col-1-7{width:14.28%}.col-1-8{width:12.5%}.col-1-9{width:11.1%}.col-1-10{width:10%}.col-1-11{width:9.09%}.col-1-12{width:8.33%}
.col-11-12{width:91.66%}.col-10-12{width:83.333%}.col-9-12{width:75%}.col-5-12{width:41.66%}.col-7-12{width:58.33%}
.push-2-3,.push-8-12{margin-left:66.66%}.push-1-2,.push-6-12{margin-left:50%}.push-1-3,.push-4-12{margin-left:33.33%}.push-1-4,.push-3-12{margin-left:25%}.push-1-5{margin-left:20%}.push-1-6,.push-2-12{margin-left:16.667%}.push-1-7{margin-left:14.28%}.push-1-8{margin-left:12.5%}.push-1-9{margin-left:11.1%}.push-1-10{margin-left:10%}.push-1-11{margin-left:9.09%}.push-1-12{margin-left:8.33%}

/* Sidebar Wrapper */
.sidebar .widget{background:#fff;padding:20px;margin-bottom:5px!important;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-align:center}
.sidebar h2{border-bottom:1px solid #222;border-top-left-radius:4px;border-top-right-radius:4px;font-size:22px;margin:0;padding:10px 20px;text-transform:uppercase}
.sidebar ul li{border-bottom:1px dashed #ddd;padding:15px 0!important}
.sidebar ul li:last-child{border-bottom:0;}
.sidebar li a{color:#222}

/* Comments Wrapper */
#comments{margin-bottom:30px;overflow:hidden;padding:20px}
#comments h4{display:inline;line-height:40px;padding:10px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a,.comments .user a{font-size:16px}
#comments h4,.comments .continue a{color:#222;font-weight:400;font-size:19px;margin:0 0 20px;text-transform:capitalize}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#222}
.comment-thread a{color:#666}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .comment-thread.inline-thread .user a,.comments .user a{color:#222}
.comments .avatar-image-container,.comments .avatar-image-container img{height:48px;max-height:48px;max-width:48px;width:48px;border-radius:50px;}
.comments .comment-block,.comments .comment-replybox-single,.comments .comments-content .comment-replies{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{background:#fafafa;border:1px solid #eee;padding:20px;border-radius:5px}
.comments .comments-content .comment{line-height:1em;margin:15px 0 0;padding:0;width:100%}
.comments .comments-content .comment-content{text-align:justify;padding:10px 0}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{line-height:1.4em;padding:5px 0}
.comments .comment-thread.inline-thread{background:none;border-left:1px solid #eee}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{border-top:1px solid #eee;content:&#39;&#39;;height:0;left:-20px;position:absolute;top:10px;width:10px}
.comments .comment-thread.inline-thread .comment .comment-block{background:none;border:0;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{height:36px;max-height:36px;max-width:36px;width:36px}
.comments .continue{border-top:0 none;width:100%}
.comments .continue a{color:#aaa;text-align:center;font-size:13px;padding:4px 6px;border:1px solid #eee;width:100px;margin:5px auto}
.comments .continue a:hover{color:#dc4a4a;border-color:#f25656;}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{max-width:100%;width:100%}
.comments .comments-content,.comments .comments-content .loadmore{margin:0}
.comments .comment .comment-actions a {font-size:13px;}
.comments .comments-content .datetime{margin-left:6px;font-size:12px}

/* Blog Pager */
#blog-pager-newer-link{background:#fff;float:left;transition:all .3s;}
#blog-pager-older-link{background:#fff;float:right;transition:all .3s;}
#blog-pager{margin:1em 0;text-align:center;overflow:hidden;padding-top:10px;padding-bottom:17px}
a.home-link{background:#fff;font-size:120%;color:#222;transition:all .3s;}
#blog-pager-newer-link a,#blog-pager-older-link a{color:#222;transition:all .3s;}
#blog-pager-newer-link:hover,#blog-pager-older-link:hover,a.home-link:hover{color:#c9a96e;}
#blog-pager-newer-link:hover &gt; a,#blog-pager-older-link:hover &gt; a{color:#c9a96e;}

/* Footer Wrapper */
#footer-wrapper{background:bottom center fixed #212026;border-top:4px solid #c9a96e;color:#cac8d3;font:11px Verdana,Geneva,sans-serif;margin:0 auto;overflow:hidden;padding:30px;padding-top:20px;text-align:center}
#footer-wrapper .widget h2{display:table;margin:0 auto 20px;font-size:20px;line-height:22px;padding-bottom:8px;border-bottom:2px solid #c9a96e;color:#efeef4;}
#footer .widget-area{padding:0 0 15px;margin:0 0 15px}
#footer div.column{display:inline-block;float:left;width:33.33%;padding:10px 10px 10px 15px}
#footer .column .widget{width:100%;padding:5px;float:left;line-height:1.7;overflow:hidden;margin-bottom:15px}
#footer .widget-content{color:#efeef4;text-align:left;margin-top:20px;display:block;position:relative;font-size:13px;overflow:hidden}
#footer{position:relative;padding:20px 0;margin-right:auto;margin-left:auto;margin-bottom:30px;border-top:1px solid #36353b}
#footer ul li {padding:10px 0;position:relative;border-bottom:1px dashed #36353b;}
#footer ul li:before{content:&#39;\f0c8&#39;;font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:none;font-size:11px;color:#49484e;display:inline-block;padding:8px;}
#footer a{color:#cac8d3;transition:all .6s;}
#footer a:hover {color:#c9a96e;}
#footer-wrapper .post-share{background:linear-gradient(to bottom,rgba(33,32,38,1) 0,rgba(33,32,38,1) 47%,rgba(25,24,29,1) 100%);float:none!important;position:relative;padding:5px 0}
#footer-wrapper .post-share .fa{font-size:25px}
#footer-wrapper .post-share a{background:0 0;border:0;color:#75737b;margin-bottom:20px;transition:all .6s;}
#footer-wrapper .post-share a:hover {color:#c9a96e;}
#copyright{text-align:center;line-height:30px;padding:20px 0;background-color:#19191d;color:#dcdbe2;}
#copyright a{color:#c9a96e;margin-left:1px;}
hr.border-push{border:0;border-right:1px double #36353b;height:100%;bottom:0;position:absolute;z-index:2;margin:0;padding:0;top:0;left:33.3%}
hr.border-push.hr-8 {left:66.66%;}
.list-label-widget-content li a{color:#fff;border-radius:3px;float:left;padding:5px;margin-bottom:5px;line-height:16px;width:83%;box-sizing:border-box;font-size:13px}
.cloud-label-widget-content .label-size{opacity:1;}
.cloud-label-widget-content .label-size a{opacity:1;color:#fff;display:inline-block;float:left;font-size:14px!important;line-height:12px;margin:0 4px 4px 0;padding:10px 16px;font-family:&#39;Karla&#39;,sans-serif;border:1px solid #49484e;}
.cloud-label-widget-content .label-size a:hover{background-color:#19191d;}
.cloud-label-widget-content .label-size a:before{content:&#39;\f02b&#39;;font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:none;padding-right:4px;}

/* Popular Posts */
.PopularPosts .item-title{padding:10px 0;font-weight:700;clear:both;margin-top:19px;font-family:&#39;Karla&#39;,sans-serif}
#footer-wrapper .PopularPosts .item-title{clear:initial;margin-top:0;}
#PopularPosts1 img{background-color:#fbfbfb;border-radius:2px;float:left;margin-right:15px;padding:0;width:100%}
#PopularPosts1 dd{border-bottom:1px solid #eee;padding-top:10px}
#PopularPosts1 dd:hover{background-color:#F9F9F9}
#PopularPosts1 dd a{color:#666}

/* Page Navigation */
.showpageArea{margin-left:10px;transition:all .3s}
.showpage a,.showpageNum a{color:#222;font-size:22px;font-weight:700;margin-right:4px;padding:4px 12px;font-family:&#39;Karla&#39;,sans-serif}
.showpagePoint{background:#fff;color:#c9a96e;font-size:22px;font-weight:700;margin-right:4px;padding:4px 12px;font-family:&#39;Karla&#39;,sans-serif}
.showpageOf{display:none}
span.showpage{position:relative;}
svg.krown-svg.arrow_left,svg.krown-svg.arrow_right{position:absolute;width:44px;height:44px;top:-13px;left:7px}
svg.krown-svg.arrow_left{right:7px;left:0}
.krown-svg {shape-rendering: crispEdges;}

/* Follow By Email */
.FollowByEmail{color:#222}
.FollowByEmail h2{font-size:28px;line-height:1;text-align:center;padding:0 5px 15px;letter-spacing:1px;margin-bottom:6px}
.FollowByEmail .newsletter_inner{padding:3px 12px}
.FollowByEmail p{margin-top:10px;margin-bottom:15px}
.FollowByEmail .letter_email{width:100%;text-align:center;box-sizing:border-box;padding:10px 0;margin:0;box-shadow:none;border-radius:0;height:45px;border:1px solid #eee}
.FollowByEmail .letter_submit{cursor:pointer;border:none;border-radius:0;margin:0;float:right;background:#22a1c4;color:#fff;font-size:14px;padding:14px;letter-spacing:.5px;transition:all .3s}
.FollowByEmail .letter_submit:hover{background:#222}
#FollowByEmail1 .widget-content{display:inline-block}

/* Mobile Nav */
.slicknav_btn{margin:5px 0 0 0;text-decoration:none;background-color:#323136;position:relative;display:block;vertical-align:middle;float:right;padding:12px;line-height:28.125em;cursor:pointer}
.slicknav_menu .slicknav_menutxt{}
.slicknav_nav ul{background:#323136}
.slicknav_nav .slicknav_row:hover,.slicknav_nav .slicknav_row:hover &gt; a{color:#c9a96e}
.slicknav_nav a:hover{color:#c9a96e;}
.slicknav_nav{background:#323136}
.slicknav_menu .slicknav_menutxt{display:block;line-height:0.188em;}
.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}
.slicknav_menu .slicknav_no-text{margin:0}
.slicknav_menu .slicknav_icon-bar{display:block;width:1.725em;height:.325em;border-radius:1px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:.188em}
.slicknav_nav{clear:both}
.slicknav_nav ul,.slicknav_nav li{display:block}
.slicknav_nav .slicknav_arrow{font-size:1.2em;float:right;}
.slicknav_nav .slicknav_item{cursor:pointer}
.slicknav_nav .slicknav_row{display:block;padding:12px 20px;}
.slicknav_nav .slicknav_row:hover{background:#323136}
.slicknav_nav a{display:block}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{display:inline}
.slicknav_menu:before,.slicknav_menu:after{content:&quot;&quot;display:table;}
.slicknav_menu:after{clear:both}
.slicknav_menu{font-size:16px}
.slicknav_menu .slicknav_menutxt{color:#FFF;font-weight:bold}
.slicknav_menu .slicknav_icon-bar{background-color:#f5f5f5}
.slicknav_menu{padding:5px}
.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;}
.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}
.slicknav_nav ul{padding:0;margin:0}
.slicknav_nav a{padding:12px 20px;margin:0;text-decoration:none;color:#fff}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}
.slicknav_nav .slicknav_txtnode{margin-left:15px}
.slicknav_menu{display:none}

/* Back to top */
.backtotop{background-color:#fff;z-index:99;position:fixed;display:none;bottom:30px;right:30px;color:#222;font-size:25px;text-align:center;padding:10px 15px;overflow:hidden;cursor:pointer;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,0.1);transform:translateZ(0);transition:all .3s}

/* Flickr Widget */
.flickr_badge_image{float:left;height:55px;margin:5px;width:55px}
.flickr_badge_image a{display:block}
.flickr_badge_image a img{display:block;width:55px;height:55px;transition:opacity 100ms linear}

/* Post Setup */
.img-responsive, .thumbnail &gt; img, .thumbnail a &gt; img, .carousel-inner &gt; .item &gt; img, .carousel-inner &gt; .item &gt; a &gt; img {display:block;width:100%;max-width:100%;
height:auto;}
.oi_port_container{margin-top:40px}
.oi_featured_holder{background:#c10024;text-align:center;margin-top:30px}
.arlina-item-main_item_holder{position:relative;padding:0}
.arlina-item-main_item .bt-holder{position:relative;padding:40px 0}
.bt-holder h4{margin-top:-10px;font-size:20px}
.oi_por_small_thumb{margin-top:20px}
.portfolio-squre .oi_por_small_thumb,.wall-portfolio-squre .oi_por_small_thumb{display:none}
.arlina-item-main_item_holder .bt-holder,.arlina-item-main_item_holder:hover .bt-holder,.oi_header_menu li:hover ul,.oi_header_menu ul,a,a:hover{transition:all .1s ease-in-out;backface-visibility:hidden}
.bt-holder{overflow:hidden}
.bt-sept{height:2px;width:10%;margin-top:10px;background:#222}
.oi_port_cats{color:#999;margin-top:10px}
.oi_small_descr{color:#000;margin-top:20px}
.bt-holder h4,.arlina-item-main_item:hover .bt-holder h4{transition:all .3s ease-in-out;backface-visibility:hidden;text-transform:capitalize}
.arlina-item-main_item_holder,.vc_row-fluid{transition:all .8s ease-in-out;backface-visibility:hidden}
.header-tab {overflow:visible;}
.header-main{padding:5px 0;width:100%;position:relative;z-index:102;background:rgba(255,255,255,.98);box-shadow:0 1px 5px rgba(0,0,0,0.1);transform:translateZ(0);transition:all 1s;}
.is-sticky .header-main{box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.Header h1,.Header h2 {font-size:190%;color:#222;letter-spacing:1px;}
.is-sticky .Header h1,.is-sticky .Header h2 {font-size:170%;color:#aaa;}
.is-sticky .grid-pad {padding-top:0;}
.element{font-family:&#39;Karla&#39;,sans-serif;color:#010101;font-size:30px;font-weight:300;line-height:45px;margin:auto auto 50px;text-align:center;width:85%;min-height:120px;text-transform:capitalize}

/* Featured Blog Posts */
.featured_slider{margin:auto}
.blog_featured_post{width:100%;height:550px;display:block;position:relative;float:left;overflow:hidden}
.blog_featured_post a{display:block;color:#fff;position:relative;vertical-align:bottom;z-index:1;height:100%}
.blog_featured_post a:hover:before{opacity:.6;box-shadow:inset 0 -3px 200px 5px #000}
.blog_featured_post a:before{display:block;position:absolute;content:&#39;&#39;;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 -3px 300px 5px #000;opacity:.5;transition:all .2s}
.blog_featured_post a .blog_contents{display:none;position:absolute;z-index:5;bottom:60px;left:60px;right:60px;line-height:120%;transition:all .2s;font-family:&#39;Patua One&#39;,sans-serif}
.blog_contents span{font-weight:300;letter-spacing:.5px;display:inline-block;padding:8px 20px;font-size:14px;line-height:1;text-shadow:none;margin-top:20px;background:#fff;border-radius:25px;bottom:0;font-family:&#39;Karla&#39;,sans-serif;color:#333}
.blog_featured_post a .blog_contents h3{font-size:28px;line-height:1.35;font-weight:400;padding:8px 20px;display:inline-block;position:relative;letter-spacing:.6px;background:#fff;color:#333}
.blog_featured_post.first a .blog_contents h3{font-size:20px}
.blog_contents h3:before{content:&#39;&#39;;position:absolute;width:5px;height:100%;background:inherit;top:0;left:0}
.feat-img{width:100%!important;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}
#blog-banner{width:100%;height:400px;background:50% no-repeat fixed;background-size:cover}
.bg-opacity{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;z-index:2;text-align:center;overflow:hidden;}
span.bg-opacity-inner{color:rgba(255,255,255,.9);font-family:&#39;Patua One&#39;;font-size:500%;text-align:center;clear:both;font-weight:400;text-transform:uppercase;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.6);letter-spacing:5px;vertical-align:middle;float:none;display:inline-block;margin:9% auto 0}
.bg-opacity p{color:rgba(255,255,255,.9);font-size:170%;text-align:center;font-style:italic;position:absolute;top:70%;font-family:&#39;Kanya&#39;;margin:auto;width:100%;text-shadow:0 0 5px rgba(0,0,0,0.2);clear:both}

/* Shortcodes */
.button{list-style:none;text-align:center;margin:10px!important;padding:2px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Karla,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover,.download:hover {background-color:#36424a;color:#fff;opacity:1;}
.demo:before {content:&#39;\f135&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{padding:0;line-height:1.5}
.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;border-radius:2px;color:#39484d;}
.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}
.alert-message span{font-size:14px!important}
.alert-message i{font-size:22px;text-align:left;display:inline-block;
position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
.alert-message.success{background-color:#00acd6;color:#fff}
.alert-message.success a,.alert-message.success span{color:#fff}
.alert-message.alert{background-color:#0073b7;color:#fff}
.alert-message.alert a,.alert-message.alert span{color:#fff}
.alert-message.warning{background-color:#efa666;color:#fff}
.alert-message.warning a,.alert-message.warning span{color:#fff}
.alert-message.error{background-color:#f56c7e;color:#fff}
.alert-message.error a,.alert-message.error span{color:#fff}
.fa-check-circle:before{content:&quot;\f058&quot;}
.fa-info-circle:before{content:&quot;\f05a&quot;}
.fa-exclamation-triangle:before{content:&quot;\f071&quot;}
.fa-exclamation-circle:before{content:&quot;\f06a&quot;}
#flippy {text-align:center;}
#flippy button {margin:10px auto;cursor:pointer;font-weight:700;font-family:&#39;Karla&#39;,sans-serif;background-color:#E74C3C;color:#fff;padding:10px 20px!important;text-transform:uppercase;border:none;border-radius:3px;opacity:0.95;transition:all 0.3s ease-out;}
#flippy button:hover, #flippy button:focus {outline:none;opacity:1;color:#fff;}
#flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e6e6e6;}
#flippanel {padding:24px;display:none;}
#flippanel img {background:#f5f5f5;margin:10px auto;}
#wrap {margin:20px auto;text-align:center;}
#wrap br {display:none;}
.btn {display:inline-block;position:relative;font-family:&#39;Karla&#39;, Helvetica, sans-serif;text-decoration:none;font-weight:700;background:#5a6269;padding:10px 20px;margin:0 3px;
color:rgba(255,255,255,0.7);border-radius:3px;transition:all 0.3s ease-out;opacity:0.7;text-transform:uppercase;}

/* Global Responsive */
@media (min-width: 1200px){
.container{width:1170px;}}

@media (max-width: 1024px){
.container{padding:0 20px;margin-right:auto;margin-left:auto;}}

@media (max-width: 979px) and (min-width: 768px){
.container{width:724px}
hr.border-push{display:none}
.show-search{top:50%;right:34px}
.no-image .oi_small_descr{display:block}}

@media (max-width: 979px) and (min-width: 768px){
.container {width:auto;}
#footer div.column {width:48%;margin-right:2px;}
.fancy span,.post-recents span{font-size:24px}
.fancy span:after,.fancy span:before,.post-recents span:after,.post-recents span:before{width:0}}

@media (max-width: 767px){
.container{width:auto}
.no-image .oi_small_descr{display:block}
.omega:before{border:none}
hr.border-push{display:none}
#footer div.column{width:100%}
#header img{margin:0 auto}
.post-recents span:after,.post-recents span:before{width:0}
.post-recents span{font-size:20px}
#blog_header {display:none;}
#leftContent {margin-top:20%;}
#copyright {padding:20px;}}

@media (min-width: 768px) and (max-width: 979px) {
#footer div.column{width:45%;}}

@media (max-width:767px){
#footer div.column{width:100%;}}

@media screen and (max-width: 480px){
#grid[data-columns]::before {content: &#39;1 .column.size-1of1&#39;;}}

@media screen and (min-width: 481px) and (max-width: 640px) {
#grid[data-columns]::before {content: &#39;2 .column.size-1of2&#39;;}}

@media screen and (min-width: 641px) {
#grid[data-columns]::before {content: &#39;3 .column.size-1of3&#39;;}}

@media (max-width: 479px){
.oi_small_descr {display:block;}
.backtotop {display:none!important;}
#leftContent {margin-top:30%;}}

@media screen and (max-width:40em){
#arl_nav_wrap{display:none}
.slicknav_menu{display:block}}

@media handheld, only screen and (max-width: 767px) {
.is-sticky .header-main {position:relative!important;}
.header-main{background:rgba(255,255,255,1);position:relative!important;}
.Header h1,.Header h2 {text-align:center;margin:20px auto;float:none;}
.descriptionwrapper {visibility:visible;width:initial;height:initial;text-align:center;}
.grid {width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:20px; padding-right:10px;}
[class*=&#39;col-&#39;] {width:auto;float:none;margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px;padding-left:0px;padding-right:10px;}
[class*=&#39;mobile-col-&#39;] {float:left;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:10px;padding-left:0px;padding-right:10px;padding-bottom:0px;}
.mobile-col-1-1{width:100%}.mobile-col-2-3,.mobile-col-8-12{width:66.66%}.mobile-col-1-2,.mobile-col-6-12{width:50%}.mobile-col-1-3,.mobile-col-4-12{width:33.33%}.mobile-col-1-4,.mobile-col-3-12{width:25%}.mobile-col-1-5{width:20%}.mobile-col-1-6,.mobile-col-2-12{width:16.667%}.mobile-col-1-7{width:14.28%}.mobile-col-1-8{width:12.5%}.mobile-col-1-9{width:11.1%}.mobile-col-1-10{width:10%}.mobile-col-1-11{width:9.09%}.mobile-col-1-12{width:8.33%}
.mobile-col-11-12{width:91.66%}.mobile-col-10-12{width:83.333%}.mobile-col-9-12{width:75%}.mobile-col-5-12{width:41.66%}.mobile-col-7-12{width:58.33%}.hide-on-mobile{display:none!important;width:0;height:0}}

@media not all {
input[type=&quot;text&quot;], input[type=&quot;password&quot;], input[type=&quot;email&quot;] {
padding: 0.9em;}}

/* Masonry Setup */
.column{float:left}
.size-1of1{width:100%}
.size-1of2{width:100%}
.size-1of3{width:33.333%}
</style>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
body {background-color:#f6f6f6;}
.item.arlina-item-main_item h1{text-align:center;font-size:2em}
.container:after,.container:before{display:table;content:&#39;&#39;;line-height:0}
.Collage {padding:40px 0 100px 0;}
.postme-item{min-height:100%;max-height:100%}
.arlina-item{width:100%;padding-right:0}
.arlina-item h2{opacity:1;transform:translate3d(0,0,0)}
.postme-item h3{text-align:left}
.inner{width:67.66%;float:left;padding:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
#sidebar-wrapper{display:block;width:32%;float:right}
.postme-item.wow.fadeIn{margin-bottom:30px;padding:20px;border:1px solid #eee}
#leftContent{width:100%;max-width:1170px;margin:0 auto;margin-top:initial;overflow:hidden;padding-top:20px;}
span.bg-opacity-inner,.bg-opacity p{display:none;}
.post img:hover {opacity:0.98;}
.post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}
.bagitiga {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
.bagitiga br {display:none;}
.related-item.col-1-3 {padding:5px;}

/* Item Responsive */
@media only screen and (max-width:960px){
.bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}

@media (max-width: 979px) and (min-width: 768px){
.post-sharing{margin:0;position:relative;right:0;top:0;text-align:center}}

@media only screen and (max-width:640px){
.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}

@media (max-width: 767px) and (min-width: 480px){
.inner{width:100%;float:none;}
.post-sharing{margin:0;position:relative;right:0;top:0;text-align:center}
#sidebar-wrapper{width:100%;float:none;margin-top:20px;}
.related-item img{width:100%;height:auto}
#leftContent{max-width:100%;min-width:100%;width:100%;margin-top:20%;}
.related-major  [class*=&#39;col-&#39;]{padding-left:10px}}

@media (max-width: 479px){
.inner{width:320px}
#leftContent{max-width:100%;min-width:100%;width:100%;padding-left:0}
.postme-item h1{font-size:27px}
.post-sharing{margin:0;position:relative;right:0;top:0;text-align:center}
.sidebar .widget{padding:5px}
.inner{padding:10px}
#sidebar-wrapper{width:100%}
.related-major  [class*=&#39;col-&#39;]{padding-left:10px}
.related-item img{width:100%;height:auto;}}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#blog_header {display:none;}
</style>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
h4.home-title {font-size:20px;}
</style>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.error-container{background-image: url(http://1.bp.blogspot.com/-zHS2luoiNTM/VTZJiQmK7RI/AAAAAAAAJxw/D1Kiy-euLXM/s1600/blog-bg.jpg);}
div#undefined-sticky-wrapper,div#blog_header,.container,#footer-wrapper,.backtotop,.top-menu,span.bg-opacity-inner,.bg-opacity p{display:none!important;margin:0;padding:0;overflow:hidden;}
#copyright {background-color:rgba(0,0,0,0.3);margin:auto;margin-top:-70px;}
.error-header{margin-top:-100px}
.error-title{line-height:42px}
.error-title span{background:#ed522e;padding:2px 10px;}
.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
.error404 .anonymous{margin:0 auto 20px;display:block}
.error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}
.error-404 .page-content p{color:#c8c8c8}
.error-title{color:#fff;font-family:&#39;Patua One&#39;,sans-serif;font-size:42px;font-weight:400;text-transform:uppercase;margin:.67em 0;text-align:center}
.search-title{font-size:48px;color:#3f3f46}
.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
.btn.back-to-home{background:none;border-radius:0;color:#fff;font-weight:400;left:40px;line-height:24px;opacity:.8;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99}
.back-to-home:hover{color:#c9a96e;}
.back-to-home i{font-size:14px;margin-right:3px}

@media only screen and (max-width:479px){
.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
</style>
</b:if>

<style id='owl-carousel' type='text/css'>
/* clearfix */
.owl-carousel .owl-wrapper:after{content:&quot;:.&quot;display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;}.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{user-select:none;}.grabbing{cursor:url(http://4.bp.blogspot.com/-K4e2ssXfJFo/VTaASqbU5tI/AAAAAAAAJyA/gxPjAWP3tXg/s1600/grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{backface-visibility:hidden;transform:translate3d(0,0,0)}.owl-theme .owl-controls{margin-top:0px;text-align:center;position:absolute;bottom:0px;right:10px;}
.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;margin:0;padding:26px 8px;font-size:26px;width:40px;background:rgba(255,255,255,.3);opacity:0.6;}.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 3px;opacity:.95;border-radius:20px;background:#fff;}.owl-theme .owl-controls .owl-page.active span{opacity:1;border:3px solid rgba(0,0,0,.6);}.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;border-radius:30px}.owl-item.loading{width:100%;height:auto}.owl-item.loading:after{display:none;}.owl-wrapper-outer {max-height: 565px;}
.owl_carouselle .owl-controls .owl-page span {width:13px;height:13px;}.owl_carouselle .owl-controls .owl-page.active span {border:0;background:#fff;}.owl_carouselle .owl-controls .owl-page span{background:#fff;}.owl_carouselle .owl-controls .owl-page span {background: #fff;}.owl_carouselle .owl-controls {text-align:center;position:static;width:100%;height: 0;}.owl-theme .owl-controls .owl-buttons div {position:absolute;right:0;top:30%;z-index:101;border-radius:5px 0 0 5px;}.owl-theme .owl-controls .owl-buttons div.owl-next {right:auto;left:0;border-radius:0 5px 5px 0;}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("http://fonts.googleapis.com/css?family=Karla:400,700");loadCSS("http://fonts.googleapis.com/css?family=Patua+One");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
//]]>
</script>
<script type='text/javascript'>
// Auto readmore setup
var numposts=1,numposts10=2,numposts2=4,numpoststhree=3,numposts3=5,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!0,displaymore2=!1,showcommentnum=!0,showcommentnum2=!0,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=100,thumb_width=420,thumb_height=300,thumb_width2=70,thumb_height2=70,thumb_width3=80,thumb_height3=80,thumb_width4=428,thumb_height4=240,no_thumb=&quot;http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/w300-h140-c/no-image.png&quot;,no_thumb2=&quot;http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s60-c/no-image.png&quot;;
</script>

<script type='text/javascript'>
//<![CDATA[
// Post auto readmore
function stripTags(e,a){return e.replace(/<.*?>/gi,"").split(/\s+/).slice(0,a-1).join(" ")}function readmore(e){for(var a=document.getElementById(e),s="",i="",d="",r=-1,t=a.getElementsByTagName("img"),n=a.getElementsByTagName("iframe"),l=0;l<n.length;l++){if(d=n[l].src,-1!=d.indexOf("//www.youtube.com/embed/")){r=l;break}if(-1!=d.indexOf("//player.vimeo.com/video/")){r=l;break}if(-1!=d.indexOf("//www.dailymotion.com/embed/video/")){r=l;break}if(-1!=d.indexOf("//w.soundcloud.com/player/")){r=l;break}}if(-1!=r){i='<div class="entry-video"><iframe src="'+d+'?vq=medium&rel=0" frameborder="0" allowfullscreen></iframe></div>';var o='<div class="video-post">'+i+'</div><h4 class="home-title"><a href="'+y+'">'+x+'</a></h4><div class="bt-sept"></div><div class="oi_port_cats"></div><div class="oi_small_descr"><p>'+stripTags(a.innerHTML,15)+'...</p></div><div class="read-more"><a href="'+y+'">Read More</a></div>'}else if(t.length>=1){var v=t[0].src;s='<div class="arlina-item-main_item_holder"><a href="'+y+'"><img width="420" height="auto" class="img-responsive" src="'+v+'"></img></a><div class="bt-holder"><h4 class="home-title"><a href="'+y+'">'+x+'</a></h4><div class="bt-sept"></div><div class="oi_port_cats"></div><div class="oi_small_descr"><p>'+stripTags(a.innerHTML,15)+'...</p></div><div class="read-more"><a href="'+y+'">Read More</a></div></div> </div>';var o='<div class="unimage">'+s+"</div>"}else var o='<div class="no-image"><div class="bt-holder-no"><h4 class="home-title"><a href="'+y+'">'+x+'</a></h4><div class="bt-sept"></div><div class="oi_port_cats"></div><div class="oi_small_descr"><p>'+stripTags(a.innerHTML,15)+'...</p></div><div class="read-more"><a href="'+y+'">Read More</a></div></div></div>';a.innerHTML=o};
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Featured slider
cat1 = 'Semua';
imgr = new Array();
imgr[0] = "http://4.bp.blogspot.com/--mxSeYGUGrM/VODW0yz13KI/AAAAAAAABBY/_vMjhXRcdDo/s700/style1.png";
showRandomImg = true;
aBold = true;
numposts1 = 12;
var _0xf8c2=["\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x6F\x67\x5F\x66\x65\x61\x74\x75\x72\x65\x64\x5F\x70\x6F\x73\x74\x73\x20\x6F\x77\x6C\x5F\x63\x61\x72\x6F\x75\x73\x65\x6C\x6C\x65\x22\x3E","\x77\x72\x69\x74\x65","\x6C\x65\x6E\x67\x74\x68","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x6C\x69\x6E\x6B","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x72\x65\x6C","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x74\x79\x70\x65","\x20","\x73\x70\x6C\x69\x74","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x2D","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x6F\x67\x5F\x66\x65\x61\x74\x75\x72\x65\x64\x5F\x70\x6F\x73\x74\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x6F\x67\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x73\x22\x3E\x3C\x73\x70\x61\x6E\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x72\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x68\x33\x3E","\x3C\x2F\x68\x33\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x65\x61\x74\x2D\x69\x6D\x67\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x69\x6D\x61\x67\x65\x3A\x75\x72\x6C\x28","\x29\x3B\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x64\x69\x76\x3E","\x6F\x6E\x6C\x6F\x61\x64","\x61\x74\x74\x72\x69\x5F\x62\x75\x74\x69\x6F\x6E","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E"];function recentposts1(_0x3bc4x2){j=showRandomImg?Math[_0xf8c2[4]]((imgr[_0xf8c2[2]]+1)*Math[_0xf8c2[3]]()):0,img= new Array,maxpost=numposts1<=_0x3bc4x2[_0xf8c2[6]][_0xf8c2[5]][_0xf8c2[2]]?numposts1:_0x3bc4x2[_0xf8c2[6]][_0xf8c2[5]][_0xf8c2[2]],document[_0xf8c2[1]](_0xf8c2[0]);for(var _0x3bc4x3=0;_0x3bc4x3<maxpost;_0x3bc4x3++){var _0x3bc4x4,_0x3bc4x5,_0x3bc4x6=_0x3bc4x2[_0xf8c2[6]][_0xf8c2[5]][_0x3bc4x3],_0x3bc4x7=_0x3bc4x6[_0xf8c2[8]][_0xf8c2[7]],_0x3bc4x8=_0x3bc4x6[_0xf8c2[10]][0][_0xf8c2[9]];if(_0x3bc4x3==_0x3bc4x2[_0xf8c2[6]][_0xf8c2[5]][_0xf8c2[2]]){break };for(var _0x3bc4x9=0;_0x3bc4x9<_0x3bc4x6[_0xf8c2[11]][_0xf8c2[2]];_0x3bc4x9++){if(_0xf8c2[12]==_0x3bc4x6[_0xf8c2[11]][_0x3bc4x9][_0xf8c2[13]]){_0x3bc4x5=_0x3bc4x6[_0xf8c2[11]][_0x3bc4x9][_0xf8c2[14]];break ;}};for(var _0x3bc4x9=0;_0x3bc4x9<_0x3bc4x6[_0xf8c2[11]][_0xf8c2[2]];_0x3bc4x9++){if(_0xf8c2[15]==_0x3bc4x6[_0xf8c2[11]][_0x3bc4x9][_0xf8c2[13]]&&_0xf8c2[16]==_0x3bc4x6[_0xf8c2[11]][_0x3bc4x9][_0xf8c2[17]]){_0x3bc4x4=_0x3bc4x6[_0xf8c2[11]][_0x3bc4x9][_0xf8c2[8]][_0xf8c2[19]](_0xf8c2[18])[0];break ;}};if(_0xf8c2[20] in _0x3bc4x6){var _0x3bc4xa=_0x3bc4x6[_0xf8c2[20]][_0xf8c2[7]]}else {if(_0xf8c2[21] in _0x3bc4x6){var _0x3bc4xa=_0x3bc4x6[_0xf8c2[21]][_0xf8c2[7]]}else {var _0x3bc4xa=_0xf8c2[22]}};postdate=_0x3bc4x6[_0xf8c2[23]][_0xf8c2[7]],j>imgr[_0xf8c2[2]]-1&&(j=0),img[_0x3bc4x3]=imgr[j],s=_0x3bc4xa,a=s[_0xf8c2[25]](_0xf8c2[24]),b=s[_0xf8c2[25]](_0xf8c2[26],a),c=s[_0xf8c2[25]](_0xf8c2[27],b+5),d=s[_0xf8c2[28]](b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&_0xf8c2[22]!=d&&(img[_0x3bc4x3]=d);for(var _0x3bc4xb=[1,2,3,4,5,6,7,8,9,10,11,12],_0x3bc4xc=[_0xf8c2[29],_0xf8c2[30],_0xf8c2[31],_0xf8c2[32],_0xf8c2[33],_0xf8c2[34],_0xf8c2[35],_0xf8c2[36],_0xf8c2[37],_0xf8c2[38],_0xf8c2[39],_0xf8c2[40]],_0x3bc4xd=(postdate[_0xf8c2[19]](_0xf8c2[41])[2][_0xf8c2[42]](0,2),postdate[_0xf8c2[19]](_0xf8c2[41])[1]),_0x3bc4xe=(postdate[_0xf8c2[19]](_0xf8c2[41])[0],0);_0x3bc4xe<_0x3bc4xb[_0xf8c2[2]];_0x3bc4xe++){if(parseInt(_0x3bc4xd)==_0x3bc4xb[_0x3bc4xe]){_0x3bc4xd=_0x3bc4xc[_0x3bc4xe];break ;}};var _0x3bc4xf=_0xf8c2[43]+_0x3bc4x5+_0xf8c2[44]+_0x3bc4x8+_0xf8c2[45]+_0x3bc4x7+_0xf8c2[46]+img[_0x3bc4x3]+_0xf8c2[47];document[_0xf8c2[1]](_0x3bc4xf),j++;};document[_0xf8c2[1]](_0xf8c2[48]);}window[_0xf8c2[49]]=function(){var _0x3bc4x2=document[_0xf8c2[51]](_0xf8c2[50]);null==_0x3bc4x2&&(window[_0xf8c2[56]][_0xf8c2[14]]=_0xf8c2[55]),_0x3bc4x2[_0xf8c2[54]](_0xf8c2[14],_0xf8c2[55]),_0x3bc4x2[_0xf8c2[54]](_0xf8c2[13],_0xf8c2[53]),_0x3bc4x2[_0xf8c2[52]]=_0xf8c2[57];};
//]]>
</script>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script style='text/javascript'>
//<![CDATA[
// Profile photo
function authorshow(r){for(var t=0;1>t;t++){var e=r.feed.entry[t],h=e.author[0].gd$image.src;document.write('<img alt="" width="100" height="100" src="'+h+'"/>')}}

// Post image banner
$(document).ready(function(){$(".post-body img:eq(0)").each(function(){var r=$(this),t=r.attr("src"),a=r.parent().attr("href"),e=$("#blog-banner"),c=$('<a rel="prettyPhoto" href="'+a+'"><img src="'+t+'" /></a>');c.appendTo(".bckpic"),e.css({"background-image":"url("+t+")"})})});

// Popular post thumb resize
$(document).ready(function(){var t=100,r=60;$("#PopularPosts2").find("img").each(function(a,s){var s=$(s);s.attr({src:s.attr("src").replace("/s72-c/","/w"+t+"-h"+r+"-c/")}),s.attr("width",t),s.attr("height",r)}),$(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,30),r=t.lastIndexOf(" ");r>10&&$(this).text(t.substr(0,r).replace(/[?,!\.-:;]*$/," ..."))})});
//]]>
</script>
</b:if>
</head>
<body>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class='error-container'>
	<a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Back to Home</a>
    <section class='error-404 not-found text-center'>
        <header class='error-header'>
            <div class='error-image'>
                <img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
            </div>
          <h1 class='error-title'><p><span>Oops!</span> That page can&#8217;t be found.</p> </h1>
        </header>
        <div class='page-content'>
            <p>It looks like nothing was found at this location.</p>
        </div>
</section>
</div>
</b:if>

<div id='sb-site' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
    <div class='top-menu'>
        <div class='container'>
<nav class='navigate-top'>
<ul>
<li><a href='/' itemprop='url'><span itemprop='name'>Home</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>404 Page</span></a></li>
                    <li class='top-social'>
                        <a href='#' target='_blank'><i class='fa fa-twitter'/>
                        </a>
                    </li>
                    <li class='top-social'>
                        <a href='#' target='_blank'><i class='fa fa-facebook'/>
                        </a>
                    </li>
                    <li class='top-social'>
                        <a href='#' target='_blank'><i class='fa fa-instagram'/>
                        </a>
                    </li>
                    <li class='top-social'>
                        <a href='#' target='_blank'><i class='fa fa-play'/>
                        </a>
                    </li>
                    <li class='top-social'>
                        <a href='#' target='_blank'><i class='fa fa-pinterest'/>
                        </a>
                    </li>
                    <li class='top-social'>
                        <a href='#' target='_blank'><i class='fa fa-google-plus'/>
                        </a>
                    </li>
</ul>
</nav>
</div>
</div>
<div class='clear'/>

<div class='header-main animation' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='grid grid-pad header-tab'>
    <div class='col-3-12 mobile-col-1-1'>
       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
         <b:widget id='Header1' locked='true' title='View (Header)' type='Header'>
           <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
                <b:include name='title'/>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
                <b:include name='title'/>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
          <b:include name='title'/>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
           <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
           <b:includable id='title'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <h1 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h1>
      <b:else/>
      <h2 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h2>
    </b:if>
    <b:else/>
    <h2 class='title'>
      <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
        <span itemprop='name'><data:title/></span>
      </a>
    </h2>
      </b:if>
</b:includable>
         </b:widget>
       </b:section>
    </div>
    <div class='col-8-12 mobile-col-1-1'>
<div class='menu-container' id='sticky'>
    <div class='sixteen columns'>
        <div class='table'>
            <nav id='arl_nav_wrap'>
                <ul class='mainmenu-nav'>
                    <li class='submenu-link'><a class='arrow' href='/'>Home</a>
                        <!-- Submenu-->
                        <ul>
                            <li><a href='#'>Submenu 1</a></li>
                            <li><a href='#'>Submenu 2</a></li>
                            <li><a href='#'>Submenu 3</a></li>
                        </ul>
                    </li>
                    <li class='submenu-link'><a class='arrow' href='#'>Category</a>
                        <!-- Submenu-->
                        <ul>
                            <li><a href='#'>Default</a></li>
                            <li><a href='#'>Sidebar</a></li>
                            <li><a href='#'>Fullscreen</a></li>
                            <li><a href='#'>Video Post</a></li>
                            <li><a href='#'>Gallery Post</a></li>
                        </ul>
                    </li>
                    <li class='submenu-link'><a class='arrow' href='#'>Features</a>
                        <!-- Submenu-->
                        <ul>
                            <li><a href='#'>Sitemap</a></li>
                            <li><a href='#'>Contact Form</a></li>
                            <li><a href='#'>Tags and Styling</a></li>
                        </ul>
                    </li>
                    <li><a href='#'>About</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>
</div>
<div class='col-1-12 mobile-col-1-1 hide-on-mobile'>
    <div id='top-search'>
        <a href='#'><i class='fa fa-search'/></a>
    </div>
    <div class='show-search'>
        <form action='/search' id='searchform' method='get' role='search'>
            <div>
                <input id='s' name='q' placeholder='Search here...' type='text'/>
            </div>
        </form>
    </div>
</div>
</div>
</div>
<div class='clear'/>

<div id='blog_header' style='position: relative; overflow: hidden; width: 100%; height: 400px;'>
<div class='bg-opacity'>
  <span class='bg-opacity-inner'>Welcome</span>
   <p>Feel free to explore...</p>
</div>
<div class='featured_slider'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+cat1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='blog-banner'/>
</b:if>
</div>
</div>
<div class='clear'/>

<div class='container' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
<div class='wrapper cf' id='leftContent'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<p class='post-recents'><span>Recent Posts</span></p>
</b:if>
<div class='inner'>
<b:section class='main' id='main' showaddelement='yes'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
    <b:includable id='main' var='top'>
	  <b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobile == &quot;false&quot;'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
&lt;div id=&#39;grid&#39; data-columns&gt;
</b:if>
      <b:include data='top' name='status-message'/>
      <b:loop values='data:posts' var='post'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType != &quot;index&quot;'>

          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </b:loop>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
&lt;/div&gt;
</b:if>
    <!-- navigation -->
    <b:include name='nextprev'/>
    <!-- feed links -->
    <b:include name='feedLinks'/>
    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'> 
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
	    </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:title/></span></a></span> <i class='fa fa-angle-right'/><b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><span itemprop='title'> <data:label.name/></span></a> <i class='fa fa-angle-right'/></span><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> </b:loop> <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
	    </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> Archive for <data:blog.pageName/></span> 
	    </div> 
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> <data:blog.pageName/></span>
	    </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'> 
        <div class='breadcrumbs'>
	    <b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span>  <span>All post</span>
        <b:else/>
       <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span> 
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>
      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <div expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <div expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img alt='avatar' expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px' expr:title='data:comment.author'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </div>
            <div class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </div>
            <div class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </div>
          </b:loop>
        </div>
      </div>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>
      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>
      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
    <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
    <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>
    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>
        <div class='mobile-index-arrow'>&amp;rsaquo;</div>
        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>
          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>
        <div style='clear: both;'/>
      </a>
      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <div class='date-posts'>
      <div class='post-outer'>
        <div class='post'>
          <b:if cond='data:post.title'>
            <h3 class='post-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>
          <div class='post-header'/>
          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>
          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl' itemprop='url'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:post.author/></span></span>
                  </b:if>

                </b:if>
              </span>
              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>
              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>
            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>
          </div>
        </div>
        <b:if cond='data:blog.pageType != &quot;index&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
      <div class='clear'/>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><i class='fa fa-angle-left'/> <data:newerPageTitle/></a>
      </span>
    </b:if>	
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><i class='fa fa-home'/></a>	
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/> <i class='fa fa-angle-right'/></a>
      </span>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>
<b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
         <h2 class='post-title entry-title' style='display:none'>
            <b:if cond='data:post.link'>
               <a expr:href='data:post.link' expr:title='data:post.title'>
                  <data:post.title/>
               </a>
               <b:else/>
               <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                     <a expr:href='data:post.url' expr:title='data:post.title'>
                        <data:post.title/>
                     </a>
                     <b:else/>
                     <data:post.title/>
                  </b:if>
                  <b:else/>
                  <data:post.title/>
               </b:if>
            </b:if>
         </h2>
   </b:if>
</b:if>
</b:if>
<div class='item arlina-item-main_item'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.title'>
<h3 style='display:none'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/><data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1><b:if cond='data:post.link'><a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a><b:else/><data:post.title/>
</b:if></h1>
<div class='post_meta'>
<div class='entry-category'><b:loop index='x' values='data:post.labels' var='label'>
    <b:if cond='data:x==0'> <a expr:href='data:label.url + &quot;?max-results=12&quot;' rel='tag nofollow'><data:label.name/></a></b:if>    
  </b:loop></div>
  <div class='author-date'>
    <span class='posted-on '> Published on <b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>
<span class='byline'>By <span class='author vcard'><span class='nickname'><b:if cond='data:top.showAuthor'>
<span itemprop='name'><data:post.author/></span>
</b:if></span></span></span>
</div>
<div class='comments-views'>
				<span class='comments-link'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</span>
</div>
<ul class='post-sharing'>
<li><a class='facebook-share' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='twitter-share' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='google-share' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>		<li><a class='pinterest-share' expr:href='&quot;http://pinterest.com/pin/create/button/?source_url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank'><i class='fa fa-pinterest'/></a></li>		
</ul>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <div expr:id='&quot;p&quot; + data:post.id'><data:post.body/></div>
  <script type='text/javascript'>var x=&quot;<data:post.title/>&quot;,y=&quot;<data:post.url/>&quot;,z=&quot;<data:post.author/>&quot;,t=&quot;<data:post.timestamp/>&quot;;readmore(&quot;p<data:post.id/>&quot;)</script><b:else/><data:post.body/>
</b:if>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-footer'>
<div class='post-share'>
        <span class='share-text'>Share this post :</span>
        <ul>
            <li>
                <a class='facebook df-share' data-sharetip='Share on Facebook!' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank'>
                    <i class='fa fa-facebook'/> SHARE
                </a>                
            </li>
<li>
                <a class='twitter df-share' data-hashtags='' data-sharetip='Share on Twitter!' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>
                  <i class='fa fa-twitter'/> TWEET
                </a>               
            </li>
            <li>
                <a class='google df-pluss' data-sharetip='Share on Google+!' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>
                    <i class='fa fa-google-plus'/> SHARE
                </a>               
            </li>
 <li>
                <a class='pinterest df-pinterest' data-sharetip='Pin it' expr:href='&quot;http://pinterest.com/pin/create/button/?source_url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank'>
                    <i class='fa fa-pinterest'/> PIN IT
                </a>               
            </li>           
        </ul>
    </div>
<div class='post-tag'>
        <b:if cond='data:post.labels'>
          Label :
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
          </b:loop>
        </b:if>
</div> 
<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
</div>
<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> 
    </div>
</b:if>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='viewauthor-box'>
<div class='authorboxfull'>
<div class='viewavatar-inside'>
<a href=''>
<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' title='author' width='96'/>
</a>
</div>
<div class='viewauthor-description'>
<h4><a href='#' rel='author'><data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>       
</p>
</div>
</div>
</div>
<div class='clear'/>
<div id='related-posts'>
<script type='text/javascript'>//<![CDATA[
var ry = '<h3 class="heading-border"><span>Related Posts</span></h3>';
rn = '<h3 class="heading-border"><span>No related post available</span></h3>';
rcomment = 'comments';
rdisable = 'disable comments';
commentYN = 'yes';
var dw = '';
titles = new Array();
titlesNum = 0;
urls = new Array();
timeR = new Array();
thumb = new Array();
commentsNum = new Array();
comments = new Array();
var _0x98fe=["\x6C\x65\x6E\x67\x74\x68","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x74\x68\x72\x24\x74\x6F\x74\x61\x6C","\x20","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x72\x65\x6C","\x68\x72\x65\x66","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x75\x72\x6C","\x68\x74\x74\x70\x3A\x2F\x2F\x33\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x6C\x74\x79\x59\x68\x34\x79\x73\x42\x48\x49\x2F\x55\x30\x34\x4D\x4B\x6C\x48\x63\x36\x70\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x44\x51\x6F\x2F\x50\x46\x78\x58\x61\x47\x5A\x75\x39\x50\x51\x2F\x77\x33\x35\x30\x2D\x68\x32\x35\x30\x2D\x63\x2F\x6E\x6F\x2D\x69\x6D\x61\x67\x65\x2E\x70\x6E\x67","\x3F\x6D\x3D\x30","\x69\x6E\x64\x65\x78\x4F\x66","","\x72\x65\x70\x6C\x61\x63\x65","\x73\x70\x6C\x69\x63\x65","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x2D\x6D\x61\x6A\x6F\x72\x22\x3E","\x79\x65\x73","\x20\x2D\x20","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x2D\x69\x74\x65\x6D\x20\x63\x6F\x6C\x2D\x31\x2D\x33\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x72\x65\x6C\x3D\x22\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x3E\x3C\x69\x6D\x67\x20\x61\x6C\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x2F\x73\x37\x32\x2D\x63\x2F","\x2F\x77\x33\x35\x30\x2D\x68\x32\x35\x30\x2D\x63\x2F","\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x5F\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x72\x65\x6C\x3D\x22\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x65\x61\x72\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x72\x65\x6C\x61\x74\x65\x64\x2D\x70\x6F\x73\x74\x73","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6F\x6E\x6C\x6F\x61\x64","\x61\x74\x74\x72\x69\x5F\x62\x75\x74\x69\x6F\x6E","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E"];function related_results_labels(_0x4c63x2){for(var _0x4c63x3=0;_0x4c63x3<_0x4c63x2[_0x98fe[2]][_0x98fe[1]][_0x98fe[0]];_0x4c63x3++){var _0x4c63x4=_0x4c63x2[_0x98fe[2]][_0x98fe[1]][_0x4c63x3];titles[titlesNum]=_0x4c63x4[_0x98fe[4]][_0x98fe[3]];for(var _0x4c63x5=0;_0x4c63x5<_0x4c63x4[_0x98fe[5]][_0x98fe[0]];_0x4c63x5++){if(commentsNum[titlesNum]=_0x98fe[6] in _0x4c63x4?_0x4c63x4[_0x98fe[6]][_0x98fe[3]]+_0x98fe[7]+rcomment:rdisable,_0x98fe[8]==_0x4c63x4[_0x98fe[5]][_0x4c63x5][_0x98fe[9]]){urls[titlesNum]=_0x4c63x4[_0x98fe[5]][_0x4c63x5][_0x98fe[10]],timeR[titlesNum]=_0x4c63x4[_0x98fe[11]][_0x98fe[3]],thumb[titlesNum]=_0x98fe[12] in _0x4c63x4?_0x4c63x4[_0x98fe[12]][_0x98fe[13]]:_0x98fe[14],titlesNum++;break ;}};}}function removeRelatedDuplicates(){var _0x4c63x2= new Array(0);c= new Array(0),e= new Array(0),f= new Array(0),g= new Array(0);for(var _0x4c63x4=0;_0x4c63x4<urls[_0x98fe[0]];_0x4c63x4++){contains(_0x4c63x2,urls[_0x4c63x4])||(_0x4c63x2[_0x98fe[0]]+=1,_0x4c63x2[_0x4c63x2[_0x98fe[0]]-1]=urls[_0x4c63x4],c[_0x98fe[0]]+=1,c[c[_0x98fe[0]]-1]=titles[_0x4c63x4],e[_0x98fe[0]]+=1,e[e[_0x98fe[0]]-1]=timeR[_0x4c63x4],f[_0x98fe[0]]+=1,f[f[_0x98fe[0]]-1]=thumb[_0x4c63x4],g[_0x98fe[0]]+=1,g[g[_0x98fe[0]]-1]=commentsNum[_0x4c63x4])};urls=_0x4c63x2,titles=c,timeR=e,thumb=f,commentsNum=g;}function contains(_0x4c63x2,_0x4c63x3){for(var _0x4c63x4=0;_0x4c63x4<_0x4c63x2[_0x98fe[0]];_0x4c63x4++){if(_0x4c63x2[_0x4c63x4]==_0x4c63x3){return !0}};return !1;}function printRelatedLabels(_0x4c63x2){var _0x4c63x3=_0x4c63x2[_0x98fe[16]](_0x98fe[15]);-1!=_0x4c63x3&&(_0x4c63x2=_0x4c63x2[_0x98fe[18]](/\?m=0/g,_0x98fe[17]));for(var _0x4c63x4=0;_0x4c63x4<urls[_0x98fe[0]];_0x4c63x4++){urls[_0x4c63x4]==_0x4c63x2&&(urls[_0x98fe[19]](_0x4c63x4,1),titles[_0x98fe[19]](_0x4c63x4,1),timeR[_0x98fe[19]](_0x4c63x4,1),thumb[_0x98fe[19]](_0x4c63x4,1),commentsNum[_0x98fe[19]](_0x4c63x4,1))};var _0x4c63x5=Math[_0x98fe[21]]((titles[_0x98fe[0]]-1)*Math[_0x98fe[20]]()),_0x4c63x4=0;if(0==titles[_0x98fe[0]]){dw+=rn}else {for(dw+=ry,dw+=_0x98fe[22];_0x4c63x4<titles[_0x98fe[0]]&&20>_0x4c63x4&&_0x4c63x4<maxresults;){-1!=_0x4c63x3&&(urls[_0x4c63x5]=urls[_0x4c63x5]+_0x98fe[15]),comments[_0x4c63x5]=_0x98fe[23]==commentYN?_0x98fe[24]+commentsNum[_0x4c63x5]:_0x98fe[17],dw+=_0x98fe[25]+urls[_0x4c63x5]+_0x98fe[26]+titles[_0x4c63x5]+_0x98fe[27]+thumb[_0x4c63x5][_0x98fe[18]](_0x98fe[28],_0x98fe[29])+_0x98fe[30]+urls[_0x4c63x5]+_0x98fe[31]+titles[_0x4c63x5]+_0x98fe[32],_0x4c63x5<titles[_0x98fe[0]]-1?_0x4c63x5++:_0x4c63x5=0,_0x4c63x4++};dw+=_0x98fe[33];};urls[_0x98fe[19]](0,urls[_0x98fe[0]]),titles[_0x98fe[19]](0,titles[_0x98fe[0]]),document[_0x98fe[36]](_0x98fe[35])[_0x98fe[34]]=dw;}window[_0x98fe[37]]=function(){var _0x4c63x2=document[_0x98fe[36]](_0x98fe[38]);null==_0x4c63x2&&(window[_0x98fe[42]][_0x98fe[10]]=_0x98fe[41]),_0x4c63x2[_0x98fe[40]](_0x98fe[10],_0x98fe[41]),_0x4c63x2[_0x98fe[40]](_0x98fe[9],_0x98fe[39]),_0x4c63x2[_0x98fe[34]]=_0x98fe[43];};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=3;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</div>
<div class='clear'/>
</b:if>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
  </div>
  <div class='clear'/>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;

          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '210px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
cancelRep = document.getElementById('bc_0_' + items.length + 'I');
document.getElementById(domId).insertBefore(cancelRep, null);
cancelRep.innerHTML = cancelRep.innerHTML.replace(msgs.addComment, 'Cancel reply');
if ((commentId != replyParent) && (replybox.src.indexOf('&parentID=') == -1)) {
    cancelRep.style.display = 'inline-block'
}
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>

<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<div class='sidebar' id='social-widget-2'>
<b:section class='sidebar' id='authorPro' maxwidgets='1' preferred='yes'/>
</div>
<b:section class='sidebar' id='sidebar' preferred='yes'>
  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType != "index"'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:if>
</b:includable>
  </b:widget>
  <b:widget id='FollowByEmail1' locked='false' title='Newsletter' type='FollowByEmail'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType != "index"'>
    <div class='widget-content'>
    <div class='newsletter_inner'>
    <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <p>Subscribe here to get interesting stuff and updates.</p>
    <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
    <input class='letter_email' name='email' placeholder='Email address...' type='text'/>
    <input class='letter_submit' type='submit' value='Submit'/>
    <input expr:value='data:feedPath' name='uri' type='hidden'/>
    <input name='loc' type='hidden' value='en_US'/>
    </form>
    </div>
</div>
<span class='item-control blog-admin'>
</span>
</b:if>
</b:includable>
  </b:widget>
  <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
</b:if>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
<div class='clear'/>
</div>

<footer id='footer-wrapper'>
<div class='container'>
<div class='post-share'>
    <ul>
        <li>
            <a href='#' target='_blank'><i class='fa fa-facebook'/></a>
        </li>
        <li>
            <a href='#' target='_blank'><i class='fa fa-twitter'/></a>
        </li>
        <li>
            <a href='#' target='_blank'><i class='fa fa-pinterest'/></a>
        </li>
        <li>
            <a href='#' target='_blank'><i class='fa fa-instagram'/></a>
        </li>
        <li>
            <a href='#' target='_blank'><i class='fa fa-reddit-square'/></a>
        </li>
        <li>
            <a href='#' target='_blank'><i class='fa fa-github'/></a>
        </li>
        <li>
            <a href='#' target='_blank'><i class='fa fa-skype'/></a>
        </li>
    </ul>
</div>
<div class='omega' id='footer'>
<div class='widget-area clearfix'>       
<b:section class='column' id='footer2' showaddelement='yes'>
         <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
           <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
  </div>
</b:includable>
           <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
           <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li class='&quot;archivedate collapsed &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
           <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
           <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
           <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
         </b:widget>
       </b:section>
<hr class='border-push hr-4'/>
<b:section class='column last' id='footer3' showaddelement='yes'>
  <b:widget id='PopularPosts2' locked='false' title='Entri Populer' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
  </b:widget>
</b:section>
<hr class='border-push hr-8'/>
<b:section class='column last' id='footer4' showaddelement='yes'>
  <b:widget id='Label1' locked='false' title='Label' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>

              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'><data:label.count/></span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'><data:label.count/></span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
<div class='clear'/>
</div>
</footer>

<div id='copyright' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
Copyright &#169; 2015 <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> All Right Reserved | Designed by <a href='http://arlinadesign.blogspot.com' id='attri_bution'>Arlina Design</a>
</div>

<div class='backtotop'>
    <i class='fa fa-angle-up'/>
</div>
</div>

<script src='https://cdn.rawgit.com/Arlina-Design/frame/master/owl-carousel.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var _0x5ca4=["\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x27\x66\x61\x20\x66\x61\x2D\x61\x6E\x67\x6C\x65\x2D\x72\x69\x67\x68\x74\x27\x3E\x3C\x2F\x69\x3E","\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x27\x66\x61\x20\x66\x61\x2D\x61\x6E\x67\x6C\x65\x2D\x6C\x65\x66\x74\x27\x3E\x3C\x2F\x69\x3E","\x6F\x77\x6C\x43\x61\x72\x6F\x75\x73\x65\x6C","\x2E\x6F\x77\x6C\x5F\x63\x61\x72\x6F\x75\x73\x65\x6C\x6C\x65","\x72\x65\x61\x64\x79","\x6F\x6E\x6C\x6F\x61\x64","\x61\x74\x74\x72\x69\x5F\x62\x75\x74\x69\x6F\x6E","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x64\x6F\x66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E"];jQuery(document)[_0x5ca4[4]](function(_0x83b2x1){_0x83b2x1(_0x5ca4[3])[_0x5ca4[2]]({autoPlay:1e4,slideSpeed:800,singleItem:!0,stopOnHover:!0,pagination:!1,navigation:!1,navigationText:[_0x5ca4[0],_0x5ca4[1]]})});window[_0x5ca4[5]]=function(){var _0x83b2x2=document[_0x5ca4[7]](_0x5ca4[6]);if(_0x83b2x2==null){window[_0x5ca4[9]][_0x5ca4[8]]=_0x5ca4[10]};_0x83b2x2[_0x5ca4[11]](_0x5ca4[8],_0x5ca4[10]);_0x83b2x2[_0x5ca4[11]](_0x5ca4[12],_0x5ca4[13]);_0x83b2x2[_0x5ca4[14]]=_0x5ca4[15];};
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var pageCount=12;
var displayPageNum=6;
var upPageWord ='Prev';
var downPageWord ='Next';
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/"><svg class="krown-svg arrow_left" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"><polyline points="16,29 18.828,31.828 26.253,39.253 29.081,36.425 21.656,29 29.081,21.575 26.253,18.747 18.828,26.172 "></polyline><g><rect x="20.328" y="27" width="25" height="4"></rect></g></svg></a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'"><svg class="krown-svg arrow_left" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"><polyline points="16,29 18.828,31.828 26.253,39.253 29.081,36.425 21.656,29 29.081,21.575 26.253,18.747 18.828,26.172 "></polyline><g><rect x="20.328" y="27" width="25" height="4"></rect></g></svg></a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'"><svg class="krown-svg arrow_right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"><polyline points="45.328,29 42.5,26.172 35.075,18.747 32.247,21.575 39.672,29 32.247,36.425 35.075,39.253 42.5,31.828 "></polyline><g><rect x="16" y="27" width="25" height="4"></rect></g></svg></a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'"><svg class="krown-svg arrow_left" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"><polyline points="16,29 18.828,31.828 26.253,39.253 29.081,36.425 21.656,29 29.081,21.575 26.253,18.747 18.828,26.172 "></polyline><g><rect x="20.328" y="27" width="25" height="4"></rect></g></svg></a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'"><svg class="krown-svg arrow_right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"><polyline points="45.328,29 42.5,26.172 35.075,18.747 32.247,21.575 39.672,29 32.247,36.425 35.075,39.253 42.5,31.828 "></polyline><g><rect x="16" y="27" width="25" height="4"></rect></g></svg>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>
</b:if>
</b:if>
<script defer='' src='https://cdn.rawgit.com/Arlina-Design/frame/master/view-core.js' type='text/javascript'/>
<script type='text/javascript'>
// Mobile nav and back to top button
$(function(){$(&#39;.mainmenu-nav&#39;).slicknav({prependTo:&#39;.menu-container&#39;})}),jQuery(window).scroll(function(){jQuery(this).scrollTop() &gt; 1?jQuery(&#39;.backtotop&#39;).fadeIn(250):jQuery(&#39;.backtotop&#39;).fadeOut(250)}),jQuery(&#39;.backtotop&#39;).click(function(){return jQuery(&#39;html, body&#39;).animate({scrollTop:&#39;0px&#39;},800),!1});
</script>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script type='text/javascript'>
// Spoiler
$(document).ready(function() {
    $(&quot;#flippy&quot;).click(function() {
        $(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;);
    });
});
</script>
</b:if>
<b:include data='blog' name='google-analytics'/>
</body>
</html>